<template>
  <div class="consult-top">
    <!-- 每个元素的两侧间隔相等 -->
    <van-row type="flex" justify="space-around">
      <van-col span="6" v-for="item in list" :key="item.id">
        <img class="consult-top-img" :src="item.imgUrl">
        <p class="consult-top-text">{{item.desc}}</p>
      </van-col>
    </van-row>
    <div class="partition-div01"></div>
  </div>
</template>

<script>
export default {
  name: 'ConsultTop',
  props: {
    list: Array
  },
  data () {
    return {
      active: 0
    }
  },
  methods: {}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='stylus' scoped>
.consult-top
//   height 3.40rem
  .van-col
    text-align center
  .consult-top-img
    width 1.62rem
    height 1.62rem
    // height 47.1%
    margin-top .576rem
    margin-bottom .3648rem
  .consult-top-text
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #242930;
.partition-div01
  margin-top .2rem
  height .2rem
  background-color #eaeaea
</style>
